@charset "utf-8";
/* CSS Document */
body{
	
	font-family: Arial,Tahoma;
	width:100%;
	background:url(lib/images/nen_sp.gif) no-repeat scroll left top;
	font: 14px Arial, Tahoma; 
	
	
}
/*
#header
{
	width: 100%;
	height: 200px;
	margin-bottom: 5px;
	background: url(../images/BANNER.jpg);
	background-size: 100% 100%;
}
	
*/




div#header {
margin : -1px 0 0;
text-align : center;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 993px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}


div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
	
	
#left
{
	width:18%;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	border:1px solid #D3DBF1;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
	
	
	
#right
{
	width:79%;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	border:1px solid #D3DBF1;
	padding: 5px;
	margin-bottom: 10px;
}


#footer{
	width:98%;
	background-color:#E5EECC;
	clear:both;	
	
}
#footer2{
	width:98%;
	margin-top: 8%;
	background-color:#E5EECC;
	text-align: center;
	color: #797F10;
	padding: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:1px 2px 1px 1px #CCCCCC;
	border:1px solid #D3DBF1;
}
/*********************************************/
/* Added by sonbx */

#menu
{
	
}

.select_form  {
	padding: 4px;
}

.filter {
	padding: 4px;
	border: 1px solid #6BBA70;
}

.ctable tr th {
	
	padding: 5px;
	
}

.ctable > thead > tr > th{
	background-color: #6BBA70;
	color: white;
}

/*.field_set {
	border: 1px solid #b6d9f5;
	margin-bottom: 10px;
	color: #0000FE;
	background-color: #EEEEEE;
}*/
.field_set {
	background:#E5EECC;
	border:2px solid #D3DBF1;
	margin:0 0 20px;
	padding: 10px;
	clear:both;
	position:relative;
	min-height:20px;
	font-weight: bold;
	color: #0000FE;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.field_set > legend {
	background-color:#6BBA70;
	border:1px solid #b6d9f5;
	color: white;
	font-size:93%;
	padding:5px 8px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.padding10 {
	padding: 10px;
}

.padding5 {
	padding: 10px;
}


.gra_button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.gra_button :hover {
	text-decoration: none;
}
.gra_button :active {
	position: relative;
	top: 1px;
}

.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.login_body {
	background-image: url(../images/blue-sky-background.jpg);
}

.login_bg1 {
  /* fallback */
  background-color: #1a82f7;
  background-image: url(images/linear_bg_1.png);
  background-repeat: repeat-y;
  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, right top, from(#1a82f7), to(#2F2727));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(left, #2F2727, #1a82f7);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #2F2727, #1a82f7);
  
  /* IE 10 */
  background: -ms-linear-gradient(left, #2F2727, #1a82f7);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #2F2727, #1a82f7);
}

.login_table {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	
	border:1px solid #D3DBF1;
	padding: 5px;
}



/*********************************************/


.title{
	width:100%;
	height:21px;
	background-color: #D3DBF1;
	padding-top:5px;
	padding-left:5px;
	font-size:13px;
	color: white;
	font-weight: bold;
	border:1px solid #b6d9f5;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;	
	
	background: #6bba70; /* Old browsers */
	background: -moz-linear-gradient(top,  #6bba70 0%, #6bba70 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bba70), color-stop(100%,#6bba70)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6bba70 0%,#6bba70 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6bba70 0%,#6bba70 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6bba70 0%,#6bba70 100%); /* IE10+ */
	background: linear-gradient(top,  #6bba70 0%,#6bba70 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#6bba70',GradientType=0 ); /* IE6-9 */

}

.header
{
	width:99%;
	height:25px;
	padding-top:8px;
	padding-left:5px;
	margin-top:0px;
	font-weight: bold;
	margin-bottom: 5px;
	
	
	
	/*
	background-image: url(../images/bg_shortcut.png);
	background-repeat-x: repeat;
	background-repeat-y: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
	background-origin: initial;
	background-clip: initial;
	*/
	background: #6bba70; /* Old browsers */
background: -moz-linear-gradient(top,  #6bba70 0%, #6bba70 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bba70), color-stop(100%,#6bba70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6bba70 0%,#6bba70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6bba70 0%,#6bba70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6bba70 0%,#6bba70 100%); /* IE10+ */
background: linear-gradient(top,  #6bba70 0%,#6bba70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#6bba70',GradientType=0 ); /* IE6-9 */



	
	
	
	
	font-size:12px;
	color: white;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	border:1px solid #D3DBF1;
	
}
.ctable_name{
	font-size:14px;
	color:#68F4F4;
	text-align:center;
}
.tabMenu{
	width: 98%;
	height:30px;
	background-image:url(../image/middle.gif);
	border-style:outset;
	border:#0CC;
	text-align:center;
	background-repeat: repeat;
}
#Content{
	width:80%;
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	padding-top: 5px;
	}
.tabTitle{
	background-image:url(../image/menu2.gif);
	color: #FFF;
	width:100%;
	height:16px;
	font-size: 18px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:3px;
	clear: both;
	border-radius: 10px;
	-moz-border-radius-topright: 100px;
 	-moz-border-radius-bottomright: 10px;
}
.tabContent{
}
.subContent{
	border-style: inset;
	border-width: 0px;
	border-color: #3F6;
	display: block;
	width: 98%;
	float: left;
	margin-top: 5px;
	margin-left:1%;
	margin-right:1%;
	font-size: 12px;
	color:#FFF;
	text-align:center;
}
.viewAction{
	border-style: inset;
	border-width: 0px;
	border-color: #3F6;
	display: inline-block;
	width: 100%;
	margin-top: 5px;
	margin-left:0.9%;
	margin-right:0.9%;
	font-size: 12px;
	color:#FFF;
	text-align:center;
	clear:both;
}
.viewAction img{
	padding-left:2px;
	padding-right:2px;
	width:18px;
	height:18px;
	text-align:center;
	clear:both;
}
.subContent img{
	margin-left: 5%;
	margin-right: 5%;
	text-align:center;
	width:85%; 
	height:150px;
	}
.viewList{
	width: 100%;
	text-align: right;
	clear: both;
}
